<template>
	<view class="hezuo">
		<view class="head_top" v-for="(item,index) in he1" :key="index" @click="hez1()">
			<image :src="item.img" mode="widthFix"></image>
			<view class="but">
				<p>{{item.text}}</p>
				<p class="but_p1">{{item.text1}}</p>
			</view>
		</view>
		<view class="head_top" v-for="(item,index) in he2" :key="index" @click="hez2()">
			<image :src="item.img" mode="widthFix"></image>
			<view class="but">
				<p>{{item.text}}</p>
				<p class="but_p1">{{item.text1}}</p>
			</view>
		</view>
		<view class="head_top" v-for="(item,index) in he3" :key="index" @click="hez3()">
			<image :src="item.img" mode="widthFix"></image>
			<view class="but">
				<p>{{item.text}}</p>
				<p class="but_p1">{{item.text1}}</p>
			</view>
		</view>
		<view class="kefu1" v-for="(item,index) in ke" :key="index">
			<p class="title">{{item.p}}</p>
			<view class="box_w">
				<view class="phone_m ">
					<image :src="item.img" mode=""></image>
					<text>{{item.text1}}</text>
				</view>
				<view class="phone_m ">
					<image :src="item.img1" mode=""></image>
					<text>{{item.mail}}</text>
				</view>
			</view>
		</view>
		<view class="ye" v-for="(item,index) in ye">
			<p class="title">{{item.p}}</p>
			<view class="ye_box">
				<p class="jia1">{{item.title1}}</p>
				<p class="ye_mail">{{item.title2}}</p>
			</view>
			<view class="ye_box">
				<p class="jia1">{{item.title3}}</p>
				<p class="ye_mail">{{item.title4}}</p>
			</view>
			<view class="ye_box">
				<p class="jia1">{{item.title5}}</p>
				<p class="ye_mail">{{item.title6}}</p>
			</view>
			<view class="ye_box">
				<p class="jia1">{{item.title7}}</p>
				<p class="ye_mail">{{item.title8}}</p>
			</view>
		</view>
		<view class="ye" v-for="(item,index) in ye">
			<p class="title">{{item.p2}}</p>
			<view class="ye_box">
				<p class="jia1">{{item.text1}}</p>
				<p class="ye_mail">{{item.text2}}</p>
			</view>
		</view>
		<view class="ye" v-for="(item,index) in ye">
			<p class="title">{{item.p3}}</p>
			<view class="ye_box">
				<p class="jia1">{{item.p3}}</p>
				<p class="ye_mail">{{item.text3}}</p>
			</view>
		</view>
		<view class="ye" v-for="(item,index) in ye">
			<p class="title">{{item.p4}}</p>
			<view class="ye_box">
				<p class="jia1">{{item.p4}}</p>
				<p class="ye_mail">{{item.text4}}</p>
			</view>
		</view>
		<view class="ye">
			<p class="title">关于我们</p>
			<view class="ye_box1">
				团油，依托AI、5G、物联网技术，大幅降低“找油站”成本，帮助车主获得便捷、实惠的加油服务，同时为加油站提供一体化数字化服务能力，助力其数字化转型，实现降本增效。
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				he1: [{
					img: '../../static/f2.png',
					text: '我是加油站老板',
					text1: '即刻入驻'
				}],
				he2: [{
					img: '../../static/f3.png',
					text: '我是车队负责人',
					text1: '申请合作'
				}],
				he3: [{
					img: '../../static/f4.png',
					text: '我是市场合作负责人',
					text1: '申请合作'
				}],
				ke: [{
					p: '客服中心',
					img: '../../static/images/k_03.png',
					text1: '400-0835-999',
					img1: "../../static/images/k_06.png",
					mail: 'service@newlink.com'
				}],
				ye:[
					{p:'业务联系',title1:'加油站业务合作',title2:'nlsun@newlink.com',title3:'充电业务合作',title4:'nlyu@gokuaidian.com',title5:'商务合作',title6:'nlwang@newlink.com',title7:'企业用油、企业福利合作',title8:"nlqfwang@newlink.com",p2:'市场合作',text1:'市场合作',text2:'market@newlink.com',p3:'媒体合作',text3:"pr@newlink.com",p4:'广告合作',text4:'nlwang@newlink.com'}
				]
			}
		},
		methods: {
			hez1:function(){
				uni.navigateTo({
					url:'../me_two/jia_ru'
				})
			},
			hez2:function(){
				uni.navigateTo({
					url:'../me_two/chedui'
				})
			},
			hez3:function(){
				uni.navigateTo({
					url:'../me_two/shic'
				})
			}
		}
	}
</script>

<style scoped>
	.flex {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
	.hezuo {
		background-color: #fff;
		height: 100%;
	}

	.head_top {
		padding: 20rpx 0;
	}

	.head_top image {
		width: 100%;
	}

	.but {
		width: 70%;
		margin: 0 auto;
		background-color: #f4325a;
		color: #fff;
		text-align: center;
		padding: 10rpx 0;
	}

	.but .but_p1 {
		color: #ccc;
		font-size: 12px;
	}
	.kefu1{width:95%;margin:0 auto;}
	.box_w{width:95%;margin:10rpx auto;padding:20rpx 10rpx;border: #ccc 1px solid;border-radius:20rpx;}
	.title{border-left: 3px solid #f00;}
	.phone_m{padding:20rpx 0;width:70%;}
	.phone_m image{width:50rpx;height:50rpx;padding:0 10rpx;}
	.ye{width:95%;margin:0 auto;}
	.ye_box{width:95%;margin:20rpx auto;border: #ccc 1px solid;border-radius:20rpx; }
	.jia1{background-color: #f8f9fb;color: #ccc;padding:10rpx;height:60rpx;}
	.ye_mail{padding:10rpx;height:60rpx;}
	.ye_box1{width:90%;margin:20rpx auto;border: #ccc 1px solid;border-radius:20rpx;padding:20rpx;}
</style>
